html, body {
    height: 40%;
    -webkit-tap-highlight-color: transparent;

}


body{
    font-family: -apple-system-font, "Helvetica Neue", Helvetica, sans-serif;
}

ul{
    list-style: none;
}

body, .page {
    background-color: #F8F8F8;
}


/* lib */

.link{
    color: #1AAD19;
}


/* layout */

.container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.page {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    z-index: 1; // fix 滑动几次后可滚动区域会卡住的问题
    &.js_show{
        opacity: 1;
    }
}

/* index-首页 */

.weui-grid{
    padding: 5px;
}
.weui-grid__icon{
    width:50px;
    height:50px;   
}

.top-news
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/* 图文列表 */

.txtcenter{ text-align:center;}

.weui_panel_hd {
    padding: 5px 15px 10px 5px;
    color: #8e8e8e;
    font-size: 20px; 
    font-weight:lighter;
    position: relative;
}

.imgbox{
    position:relative;
    height:200px;
}
.imgbox span.tag{
    position:absolute;
    left:10px;
    bottom:10px;
    background:url(./images/icon/icon_18.png) repeat;
    border:1px solid #1b1b1b;
    font-size:20px;
    color:#fff;
    letter-spacing:1px;
    border-radius:3px;
    padding:2px 5px;
}
.imgbox div.right_box{  
    position:absolute;
    right:10px;
    bottom:10px;
    text-align:right;
}
.imgbox span.price{
    float:left;
    right:10px;
    bottom:10px;
    background:url(./images/icon/icon_18.png) repeat;
    border:1px solid #1b1b1b;
    font-size:20px;
    color:#f5881d;
    letter-spacing:1px;
    border-radius:3px;
    padding:2px 8px;
    margin-right:10px;
}
.imgbox span.join{
    float:left;
    background:url(./images/icon/icon_18.png) repeat;
    border:1px solid #1b1b1b;
    font-size:20px;
    color:#fff;
    letter-spacing:1px;
    border-radius:3px;
    padding:2px 5px;
}

.imgbox span.join i{ font-family:Arial, Helvetica, sans-serif;color:#f5881d;}
.databox{
    position:relative;
    font-size:18px;
    color:#171313;
    margin-top:10px;
}
.databox .address{
    font-size:15px;
    color:#868787;
    text-indent:10px;
    margin-top:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.databox .address i{ font-family:Arial, Helvetica, sans-serif;}
.databox .address span{ margin:0 5px;}
.databox .title{
    text-indent:10px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}




.weui_panel{
    margin-top:10px; 
    margin-bottom:10px;
    border:1px solid #e5e5e5;
}

/*底部导航栏*/
.weui-tabbar{
    position: fixed;
}

.weui-tabbar__icon{
  display:inline-block;
  width:36px;
  height:36px;
}

.weui-tabbar__label{
    font-size: 14px;
    line-height: 1.4;
}

.icon-chat, 
.icon-contact,
.icon-discovery, 
.icon-profile {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    
}

.icon-chat {
    background: url("./images/icon/home.png");
    background-size: cover;
}

.icon-contact {
    background: url("./images/icon/article.png");
    background-size: cover;
}

.icon-discovery {
    background: url("./images/icon/feiyi.png");
    background-size: cover;
}

.icon-profile {
    background: url("./images/icon/user.png");
    background-size: cover;
}

.weui-bar__item_on {
    .icon-chat {
        background: url("./images/icon/home_selected.png");
        background-size: cover;
    }

    .icon-contact {
        background: url("./images/icon/article_selected.png");
        background-size: cover;
    }

    .icon-discovery {
        background: url("./images/icon/feiyi_selected.png");
        background-size: cover;
    }

    .icon-profile {
        background: url("./images/icon/user_selected.png");
        background-size: cover;
    }
}

.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
    color: #558aff;
}




/*预约预订*/
.header_bg{
    height:130px;
    background-size:cover;
    display: table-cell;
    vertical-align:middle;
    /*设置水平居中*/
    text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
.header_bg img{
    width:100%;
    height:auto;
    vertical-align:middle;
}


/*登录-注册*/

.icon-userphone, 
.icon-password, 
.icon-signsms,
.icon-confirm{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;    
}

.icon-userphone {
    background: url("./images/icon/me.png");
    background-size: cover;
}

.icon-password {
    background: url("./images/icon/password.png");
    background-size: cover;
}

.icon-signsms {
    background: url("./images/icon/verification.png");
    background-size: cover;
}

.icon-confirm {
    background: url("./images/icon/confirm-password.png");
    background-size: cover;
}

.weui-cells.login{
    width: 80%;
    margin: 30px auto;
    border: 1px solid #efeff4;
    border-radius: 30px;
}

.weui-cells.register{
    width: 80%;
    margin: 15px auto;
    border: 1px solid #efeff4;
    border-radius: 30px;
}



/* 群文品牌*/
.weui-flex.brand_index{
    margin-bottom: 15px;
}
.brand_item{
    display: block;
    text-align: center;
}
.brand_item img{
    width: 149px;
    height: 120px;
}

.weui-tab{
    margin: 10px;
}

.weui-navbar__item{
    background-color:#55a5ff;
    border-radius: 5px;
}

.weui-navbar__item.weui-bar__item_on{
    background-color:#558aff;
}

.weui-media-box__hd .weui-media-box__thumb{
    vertical-align: middle;
    width: 80%;
    height: 60px;
}

.custom_panel{
    margin-bottom: 20px;
}
.custom_panel>img{
    height:150px;
    margin: 0 auto;
    display: block;
    width: 80%;
    margin-bottom: 5px;

}
.custom_btn{
    display: block;
    margin:auto;
    padding: 10px;
    border-radius: 5px;
    background-color: #6A9FFD;
    color: white !important;
    text-align: center;
    border-radius: 30px;
    width: 50%;
}

.weui-panel__hd{
    color: #802020;
    font-size: 20px;
}

.weui-media-box_appmsg .weui-media-box__hd{
    width: 80px;
    height: 80px;
}